import { Container,Row,Col } from "react-bootstrap"
import {MailchimpForm} from './MailchimpForm'
import logo from '../assets/img/logo.svg';
import navIcon1 from '../assets/img/nav-icon1.svg';
import navIcon2 from '../assets/img/nav-icon2.svg';
import navIcon3 from '../assets/img/nav-icon3.svg';

export const Footer = () => {
    return (
        <footer className="footer">
            <Container>
                <Row>
                    <MailchimpForm />
                    <Col sm={6}>
                        {/* <img src={logo} alt='logo' /> */}
                        <h1>We are Double D</h1>
                    </Col>
                    <Col sm={6} className="text-center text-sm-end">
                        <div className="social-cion">
                            <a href="#"><img src={navIcon1} /></a>
                            <a href="#"><img src={navIcon2} /></a>
                            <a href="#"><img src={navIcon3} /></a>
                        </div>
                        <p>Copyright 2022. All Rights Reserved</p>
                    </Col>
                </Row>
            </Container>
        </footer>
    )
}